{extend name="public/common"/}
{block name="head"}
{/block}


{block name="banner"}

{/block}
{block name="body"}

<!-- Start page title -->
<div class="page-title bg-page-title5">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-header">
                        <h5 class="sub-title">Blog</h5>
                        <h2 class="title">LATEST NEWS</h2>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Library</a></li>
                        <li class="active">Data</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End page title -->

<!-- blog start -->
<div id="blog" class="blog-section m-b80">
    <div class="blog-main">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div class="blog-details">
                        <div class="thumb">
                            <img src="__IMG__/blog/single.jpg" alt="blog">
                            <div class="date">
                                <p>24 <br> <span>DEC</span></p>
                            </div>
                        </div>
                        <div class="post-desk">
                            <h6 class="title"><a href="#">Nire tmas kite traverunt lector legere legunt</a></h6>
                            <div class="post-meta">
                                <a href="#"><i class="icon icon-User"></i>By Admin</a>
                                <a href="#"><i class="icon icon-Message"></i>15 Comments</a>
                                <a href="#"><i class="icon icon-Heart"></i>51 Likes</a>
                            </div>
                            {$data.notice.content}

                        </div>
                        <div class="post-info">
                            <div class="share">
                                <span><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                <a href="#"><span class="fa fa-facebook"></span></a>
                                <a href="#"><span class="fa fa-twitter"></span></a>
                                <a href="#"><span class="fa fa-google-plus"></span></a>
                                <a href="#"><span class="fa fa-pinterest-p"></span></a>
                            </div>
                            <div class="tags">
                                <span><i class="fa fa-tags" aria-hidden="true"></i>Tag:</span>
                                <a href="#">Fashion,</a>
                                <a href="#">New,</a>
                                <a href="#">Collector,</a>
                                <a href="#">Watch,</a>
                                <a href="#">Menz</a>
                            </div>
                        </div>
                        <div class="author-bio">
                            <div class="media-left">
                                <div class="thumb">
                                    <img src="__IMG__/blog/04.jpg" alt="blog">
                                </div>
                            </div>
                            <div class="media-body">
                                <h5 class="title">JARIN JOHA <span class="pipe">||</span> <span class="social"><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-google-plus"></i></a><a href="#"><i class="fa fa-pinterest-p"></i></a></span></h5>
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here,
                                </p>
                            </div>
                        </div>
                    </div><!-- /.blog-single -->
                    <div class="comment-list">
                        <h5 class="heading">COMMENTS (12)</h5>
                        <div class="comment">
                            <div class="media-left">
                                <div class="thumb">
                                    <img src="__IMG__/blog/05.jpg" alt="blog">
                                </div>
                            </div>
                            <div class="media-body">
                                <h5 class="title">JARIN JOHA <span class="pipe">||</span> <span class="reply"><a href="#">Reply <i class="fa fa-share" aria-hidden="true"></i></a></span><span class="time pull-right"><i class="fa fa-clock-o"></i><i>12 Jan, 2021</i></span></h5>
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here,
                                </p>
                            </div>
                            <div class="comment">
                                <div class="media-left">
                                    <div class="thumb">
                                        <img src="__IMG__/blog/06.jpg" alt="blog">
                                    </div>
                                </div>
                                <div class="media-body">
                                    <h5 class="title">JARIN JOHA <span class="pipe">||</span> <span class="reply"><a href="#">Reply <i class="fa fa-share" aria-hidden="true"></i></a></span><span class="time pull-right"><i class="fa fa-clock-o"></i><i>12 Jan, 2021</i></span></h5>
                                    <p>
                                        It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here,
                                    </p>
                                </div>
                            </div><!-- /.comment -->
                        </div><!-- /.comment -->
                        <div class="comment">
                            <div class="media-left">
                                <div class="thumb">
                                    <img src="__IMG__/blog/07.jpg" alt="blog">
                                </div>
                            </div>
                            <div class="media-body">
                                <h5 class="title">JARIN JOHA <span class="pipe">||</span> <span class="reply"><a href="#">Reply <i class="fa fa-share" aria-hidden="true"></i></a></span><span class="time pull-right"><i class="fa fa-clock-o"></i><i>12 Jan, 2021</i></span></h5>
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here,
                                </p>
                            </div>
                        </div><!-- /.comment -->
                    </div>
                    <div class="comment-form">
                        <h5 class="heading">POST A COMMENT</h5>
                        <form action="#">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input type="text" placeholder="Name">
                                    </div>
                                    <div class="form-group">
                                        <input type="email" placeholder="Email">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <textarea cols="30" rows="6" placeholder="Comment"></textarea>
                                </div>
                                <div class="col-sm-12 text-right">
                                    <a href="#" class="btn-submit">SUBMIT</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="sidebar res-md-mrg-top-50">

                        <div id="search-3" class="widget widget_search">
                            <form role="search" method="get" class="search-form" action="#">
                                <label>
                                    <input type="search" class="search-field" placeholder="Search …" value="" name="s">
                                </label>
                                <button type="submit" class="search-submit"><span class="screen-reader-text"><i class="fa fa-search"></i></span></button>
                            </form>
                        </div>

                        <div class="widget widget_category">
                            <h6 class="widget_title" data-toggle="collapse" data-target="#category">CATEGORY</h6>
                            <ul id="category" class="collapse in">
                                <li><a href="#">Rings (268)</a></li>
                                <li><a href="#">Necklaces (96</a></li>
                                <li><a href="#">Earrings (873))</a></li>
                                <li><a href="#">Bracelets (622)</a></li>
                                <li><a href="#">Bangles (187)</a></li>
                                <li><a href="#">Beads & Charms (93)</a></li>
                                <li><a href="#">Jewellery Boxes (52)</a></li>
                            </ul>
                        </div>

                        <section class="widget widget_recent_entries">
                            <h6 class="widget_title">Recent posts</h6>
                            <ul>
                                <li>
                                    <div class="media-left">
                                        <div class="thumb">
                                            <a href="#"><img src="__IMG__/sidebar/01.png" alt="blog"></a>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h6><a href="#">Your Blog Title goes Here</a></h6>
                                        <p>15 May, 2021</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="media-left">
                                        <div class="thumb">
                                            <a href="#"><img src="__IMG__/sidebar/02.png" alt="blog"></a>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h6><a href="#">Your Blog Title goes Here</a></h6>
                                        <p>09 Jan, 2021</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="media-left">
                                        <div class="thumb">
                                            <a href="#"><img src="__IMG__/sidebar/01.png" alt="blog"></a>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h6><a href="#">Your Blog Title goes Here</a></h6>
                                        <p>26 Jan, 2021</p>
                                    </div>
                                </li>
                            </ul>
                        </section>

                        <div class="widget widget_onsale">
                            <h6 class="widget_title" data-toggle="collapse" data-target="#onsale">ON SELL</h6>
                            <ul id="onsale" class="collapse in">
                                <li>
                                    <div class="media-left">
                                        <div class="thumb">
                                            <img src="__IMG__/product/thumb/01.jpg" alt="product">
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Diamond Engagement Ring</a></h6>
                                        <strong class="price">$.52</strong>
                                    </div>
                                </li>
                                <li>
                                    <div class="media-left">
                                        <div class="thumb">
                                            <img src="__IMG__/product/thumb/02.jpg" alt="product">
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Diamond Engagement Ring</a></h6>
                                        <strong class="price">$.52</strong>
                                    </div>
                                </li>
                                <li>
                                    <div class="media-left">
                                        <div class="thumb">
                                            <img src="__IMG__/product/thumb/03.jpg" alt="product">
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Diamond Engagement Ring</a></h6>
                                        <strong class="price">$.52</strong>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="widget widget_one_ad">
                            <a href="#">
                                <img src="__IMG__/misc/03.jpg" alt="widget">
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>	<!-- /.end topbar -->
</div>

{/block}


{block name="script"}

<script src="__COMMON__/layer/layer.js"></script>
<script type="text/javascript">
    function noMore(tag) {
        layer.msg('没有' + tag + '一条{$data.category.title}了')
    }


    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "{:url('view')}",
            data: {
                __token__: "{:token()}",
                id:"{$data.id}"
            },
            dataType: 'json',
            cache: false,
            success: function (data) {

            }
        });
    });

</script>

{/block}
